<template>
  <div>
    <!-- <h1 v-work="msg"></h1> -->
    <Header></Header>
    <!-- 我是根组件 -->
    <!-- 路由组件出口的地方 -->
    <router-view></router-view>
    <!-- 在Home  Search显示 在登录 注册隐藏 -->
    <Footer v-show="$route.meta.show"></Footer>
  </div>
</template>

<script>
import Header from "./components/Header/";
import Footer from "./components/Footer/";
export default {
  name: "App",
  data(){
    return {
      msg:'abc'
    }
  },
  components: { Header, Footer },
  mounted(){
       //通知Vuex发请求 获取数据 存储于仓库当中
    //派发一个action 获取商品分类的二级列表的数据
    this.$store.dispatch("categoryList");
    
  }
};
</script>

<style scoped >

</style>
